<template>
  <div style="width:100%;height:100vh;background:#fff;">
    <mt-header fixed title="充值记录" style="background:#fff;color:#000;">
      <router-link to="/" slot="left">
        <mt-button icon="back"></mt-button>
      </router-link>
    </mt-header>
    <div style="width:100%;height:1.3rem;background:#f5f5f5;"></div>
    <div class="rec_list">
        <div class="rec_list_left">
            <p>支付宝转账</p>
            <p>19-05-28 08:20:00</p>
        </div>
        <div class="rec_list_right">
            <p>+1.00</p>
            <p class="up">未处理</p>
        </div>
    </div>
  </div>
</template>

<script>
export default {
    methods:{
    
    }
};
</script>
<style scoped>
.rec_list{
    width:88%;
    height: 2rem;
    background: #fff;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    display:flex;
    justify-content:space-between;
    
}
.rec_list_left{
    width: 60%;
    height: 100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    
}
.rec_list_left p:first-child,.rec_list_right p:first-child{
    font-size: .45rem;
    color: #000;
    padding: .1rem 0;
}
.rec_list_left p:last-child,.rec_list_right p:last-child{
    font-size: .35rem;
    color: #666;
     padding: .1rem 0;
}
.rec_list_right{
    width:40%;
    height: 100%;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;

}
.up{
    color: #ff6c00 !important;
}
</style>
